﻿/***************************************************************************
 *  Copyright (C) 2014 zhangsongcui3371@sina.com                           *
 *                                                                         *
 *  This file is part of Biba-html.                                        *
 *                                                                         *
 *  This program is free software; you can redistribute it and/or modify   *
 *  it under the terms of the GNU General Public License as published by   *
 *  the Free Software Foundation; either version 3 of the License, or      *
 *  (at your option) any later version.                                    *
 *                                                                         *
 *  This program is distributed in the hope that it will be useful,        *
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of         *
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
 *  GNU General Public License for more details.                           *
 *                                                                         *
 *  You should have received a copy of the GNU General Public License      *
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.  *
 ****************************************************************************/

* {
    box-sizing: border-box;
}
body {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
header {
    margin-bottom: 10px !important;
}
header .btn {
    float: right;
}
footer {
    margin-top: 5px;
    text-align: center;
    font-size: small;
    font-style: italic;
}
footer hr {
    margin: 0 1px 0 0;
}
img.emoji {
    height: 20px;
    vertical-align: text-bottom;
}
.container {
    min-width: 940px;
}
#content {
    flex: 1;
    position: relative;
}
#content > * {
    /* Workaround Chrome flex bug */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

ul.scroll {
    overflow-y: scroll;
}
ul.scroll.auto-scroll {
    overflow-y: hidden;
    padding-right: 1px;
}
ul.scroll.auto-scroll:hover {
    overflow-y: auto;
}
ul.scroll::-webkit-scrollbar {
    width: 14px;
}
ul.scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
ul.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
ul.scroll::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
}
ul.scroll::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
}

[draggable=true] {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    -webkit-user-drag: element;
}
[draggable=true] * {
    -webkit-user-drag: none;
}

div.X {
    cursor: pointer;
	border: 2px white solid;
	position: relative;
	border-radius: 50%;
	background: black;
	width: 18px;
	height: 18px;
}
div.X::before,
div.X::after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: " ";
	font-size: 0;
	width: 2px;
	height: 12px;
	background-color: white;
	border-radius: 100px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
div.X::after {
	width: 12px;
	height: 2px;
}